<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<h:head>
	<title>Registration</title>
</h:head>
<link
rel="stylesheet"
href="register.css"
type="text/css"
media="all"/>
<h:body >
	<div class = "form">
	<h:form>
		<p:panel header="Registration Form">
			<h:panelGrid columns="3" id="regGrid">
				<h:outputLabel for="username">Email:</h:outputLabel>
				<p:inputText id="username" value="#{registerBean.user.username}" />
				<p:message for="username" />

				<h:outputLabel for="name">First name:</h:outputLabel>
				<p:inputText id="name" value="#{registerBean.user.name}" />
				<p:message for="name" />

				<h:outputLabel for="surname">Last name:</h:outputLabel>
				<p:inputText id="surname" value="#{registerBean.user.surname}" />
				<p:message for="surname" />

				<h:outputLabel for="password">Password:</h:outputLabel>
				<p:password id="password" value="#{registerBean.user.password}"
					feedback="true" match="pwd2" label="Password"/>
				<p:message for="password" />

				<h:outputLabel for="pwd2">Confirm Password:</h:outputLabel>
				<p:password id="pwd2" label="Confirm Password" value="#{registerBean.user.password}"/>
			</h:panelGrid>
			<p:commandButton value="Register" update="regGrid"
				action="#{registerBean.register()}" />

		</p:panel>
	</h:form>
	</div>
	

</h:body>
</html>